.drawio-dialog 
{
	width: 100%;
	height: 100%;
}
.dialog-title 
{
	border-bottom: 1px solid #ccc;
	padding: 20px 25px;
	box-sizing: border-box;
	height: 56px;
	width : 100%;
	background: #f5f5f5;
	color: #333;
	font-weight: normal;
	font-size: medium;
}

.dialog-button-panel 
{
	border-top: 1px solid #ccc;
	padding: 12px 20px;
	box-sizing: border-box;
	height: 56px;
	width: 100%;
	margin: 0 10px 0 0;
	text-align: right;
	background: #f5f5f5;
}
.dialog-page 
{
	height : 483px;
}
.dialog-page-menu 
{
    background: none repeat scroll 0 0 #FFFFFF;
    border-right: 1px solid #CCCCCC;
    box-sizing: border-box;
    float: left;
    height: 100%;
    list-style: none outside none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 10px 20px;
    width: 25%;
    float : left;
    list-style: none outside none;
}
.dialog-page-menu li.page-menu-item.selected button.item-button {
    color: #333333;
    font-weight: bold;
}
.dialog-page-menu li.page-menu-item button.item-button 
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #3B73AF;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.1428;
    margin: 0;
    padding: 7px 10px;
    text-align: left;
    text-decoration: none;
    /*width: 100%;*/
    word-wrap : none;
}
.page-menu-item-hover 
{
	background-color: #E6E6E6;
}
.page-menu-item-selected button.item-button
{
	color : #333333 !important; 
	font-weight : bold; 
}
.dialog-page-contents 
{
	height : 100%;
	float : left;
	width : 620px;
}
.search-input 
{
	width : 220px;
	float : left;
}
.text 
{
	height: 2.14286em;
    line-height: 1.42857;
    padding: 4px 5px;
    border: 1px solid #ccc;
    border-radius: 3.01px;
    box-shadow: 0 1px 3px #ccc inset;
    box-sizing: border-box;
    color: #333;
    font-size: inherit;
    margin: 5px;
    max-width: 250px;
    vertical-align: baseline;
    width: 100%;
}
.dialog-panel-body 
{
	padding : 20px 10px;    	    
}
.data-table-header 
{
	padding: 7px 10px;
    text-align: left;
    vertical-align: top;
}
table.aui 
{
	width : 100%;
	border-collapse: collapse;;
}
table.aui>thead>tr>th, table.aui>tbody>tr>th, table.aui>thead>tr>td, table.aui>tbody>tr>td, table.aui>tfoot>tr>td 
{
	padding: 7px 10px;
	text-align: left;
	vertical-align: top;
	
}
table.aui>tbody>tr>td, table.aui>tfoot>tr 
{
	background: #fff;
	border-top: 1px solid #ccc;
	color: #333;
}
.button-panel-button 
{
	background: #f2f2f2;
	background: -webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
	background: -moz-linear-gradient(top,#fff 0,#f2f2f2 100%);
	background: -ms-linear-gradient(top,#fff 0,#f2f2f2 100%);
	background: -o-linear-gradient(top,#fff 0,#f2f2f2 100%);
	background: linear-gradient(to bottom,#fff 0,#f2f2f2 100%);
	border-color: #ccc;
	-moz-border-radius: 3.01px;
	-webkit-border-radius: 3.01px;
	border-radius: 3.01px;
	border-style: solid;
	border-width: 1px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-family: Arial,sans-serif;
	font-variant: normal;
	line-height: 20px;
	padding: 4px 10px;
	text-decoration: none;
	text-shadow: 0 1px 0 white;
	vertical-align: baseline;
	margin : 0 10px 0 0;
}

.data-table-panel tr.selected, .data-table-panel tr.selected a, .data-table-panel tr.selected td 
{
	background-color: #ebf2f9;
}
.data-table-panel 
{
	margin : 0px -10px;
	overflow-x: visible;
	overflow-y: auto;
	height : 388px;
	clear : both;
}

.location-info, .location-info-top
{
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 210px;
	padding : 10px;
}
.location-info 
{
	border-top: 1px solid #ccc;
	bottom: 51px;
}
.location-info-top 
{
	top: 51px;
}
.field-group
{
	padding: 0 0 0 100px;
	position: relative;
	word-wrap: break-word;
}

#search-panel-button 
{
	position : relative;
	top : 4px;
}

#alias 
{
	display: none;
}

#url 
{
	margin : 30px;
}
.message-panel 
{
	padding-left : 10px;
	padding-top : 10px;
}

button:focus, li:focus {
    outline: 0;
}

div.description {
	color: #707070;
	font-size: 12px;
	line-height: 1.66666666666667;
	margin: 5px 0 0 57px;
}
#url:hover, .button-panel-link:hover 
{
	text-decoration: underline !important;
}
#url, .button-panel-link
{
	text-decoration: none !important;
}

.ui-tree li a,
a.content-type-page span,
div.content-type-page,
span.content-type-page,
.icon-page {
    background-image: url();
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.content-type-blogpost span,
div.content-type-blogpost,
span.content-type-blogpost,
.icon-blog,
.icon-blogpost {
    background-image: url();
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.content-type-attachment-image span,
div.content-type-attachment-image,
span.content-type-attachment-image,
.icon-file-image {
    background-image: url();
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.content-type-attachment-pdf span,
div.content-type-attachment-pdf,
span.content-type-attachment-pdf,
.icon-file-pdf {
    background-image: url();
    background-repeat: no-repeat;
    padding-left: 20px;
}

a.content-type-attachment-text-html span,
div.content-type-attachment-text-html,
span.content-type-attachment-text-html,
a.content-type-attachment-html span,
div.content-type-attachment-html,
span.content-type-attachment-html,
a.content-type-attachment-text-xml span,
div.content-type-attachment-text-xml,
span.content-type-attachment-text-xml,
a.content-type-attachment-xml span,
div.content-type-attachment-xml,
span.content-type-attachment-xml,
a.content-type-attachment-js span,
div.content-type-attachment-js,
span.content-type-attachment-js,
.icon-file-html,
.icon-file-xml {
    background-image: url();
    background-repeat: no-repeat;
}